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(54) Method and system for sharing between browsers 



(57) A method and a system lor sharing a browser 
page wherein ft is r^neces'sary to install a controller for 
sharing on a computer in advance comprises a collabo- 
ration server for accumulating pages to be shared from 
a Web server retaining the original pages. The collabo- 
ration server comprises a caching manager that accu- 
mulates pages dynamically generated on an original 
Web server for sharing, a communication manager that 
controls sessions such as communication and partici- 
pation/quitting among node managers controlling a 
browser on each user machine, an ordinary Web server 
for downloading facilities for implementing sharing of a 
Web server and an embedder that embeds in each 
page a page manager tor controlling pages. The plural 
user machines to be shared comprise an existing Web 
browser capable of running Java and Script, a page 
manager embedded in each page. The page manager 
comprises two parts, namely, a page controller and a 
page communicator. The page controller detects 
changes in a page element, communicates them to 
another machine by way of a page communicator, and 
receives changes in a page of another computer and 
then reflects the same changes to its own page ele- 
ment, A page communicator manages communication 
between the Node manager and the Page controller. 
The node manager for controlling a browser b provided 
for each process and manages communication between 
each page manager and a server. 




FIG. 2 
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Description 

Te chni c al Figtd oi the Inventio n 

[0001] The present invention relates to a method 
and a system for sharing between browsers, particularly 
to a method and a system for implementing high-per- 
formance and real-time sharing for an existing Web 
browser and an existing Web page, without a user hav- 
ing to install it. by embedding in the page itself a facility 
for controlling each element rn the page 

Background of the Invention 

[0002] Various methods are known tor sharing a 
standard Web page In an as-is formal by using an exist- 
ing Web browser. Far instance, European Patent Appli- 
cation EP 0833260 A2 is known, in such background 
art. however, it ts necessary for every user to have a 
sharing system installed in advance. In EP 0833260 A2. 
synchronization of browser status is implemented by 
data exchange for sharing through the two interfaces, 
namely, an application interface (specifically, the func- 
tions of an information event of page loading, an inquiry 
about a current page and page setting) included rn the 
browser and an interface at an operating system level 
(specifically, the functions of GET and PUT for a mes- 
sage queue which a window of a browser has). At this 
time, the application interface and message queue 
interface are accessible only from outside a browser 
application process, and therefore, since a module for 
implementing the sharing is outside the browser, it mu st 
beinstaileti'in'aidva^ 

downloadable as an applet. There was also a problem 
of having to install it on each individual platform since it 
relies on a browser-running OS or a window system. 
[0003] Fig. 1 shows the working of browser sharing 
in European Patent Application 0833260 A2. To share a 
page of a Web server on a collaboration server, rt is nec- 
essary that a program for sharing (WebShare) other 
than a browser is installed in advance for customers and 
a call centre operator. This program for sharing allows 
sharing by hooking a browser API and an event Also, 
such a program must be installed on each individual 
platform since it relies on a browser-running OS or a 
window system. 

Disclosure of the Invention 

[0004] An object of the present invention is to pro- 
vide a method and a system for sharing between brows- 
ers wherein it is not necessary (o install in advance a 
controller for sharing into a computer. 
[0005] Another object is to provide a method and a 
system for sharing between browsers which do not 
depend on the functions of an OS or a window system 
and operate on various platforms. 
[0006] A further object is to provide a method and a 



system for sharing between browsers which are capa- 
ble of advanced sharing techniques (for instance, allow* 
ing a customer to enter in a field of a form but prohferting 
moving to another page) required in an application. 

s [0007] A still further object is to provide a method 
and a system for real-time sharing between browsers 
which require less data volume and allows a good 
response even on a narrow band width as in an end 
user environment such as a home. 

to [0008] Accordingly, the present invention provides 
the following. First, a collaboration server is provided for 
accumulating pages to be shared from a Web server 
retaining original pages. The collaboration server (here- 
after, merely a "server") comprises a caching manager 

rs that accumulates pages dynamically generated on an 
original Web server for sharing, a communication man- 
ager that controls sessions such as communication and 
parocrpabon/qurtting among node managers controlling 
a browser on each user machine, an ordinary Web 

20 server for downloading facilities for implementing shar- 
ing of a Web server (a node manager and a page man- 
ager) and an embedder mat embeds in each page a 
page manager for controlling pages. 
[0009] The user machines requiring sharing ability 

25 comprise an existing Web browser capable of running 
Java and Script, and a page manager embedded in 
each page. The page manager comprises two parts, 
namely, a page controller and a page communicator. 
The page controller delects changes in a page element. 

so communicates them to another machine by way of the 
page communicator, and receives changes in a page of 
another con^enyd then reflects the same chagges 
to its own page element Changes in a page element 
refer to page loading, changes in value of text and but- 

3s tons which are elements of a form, changes in a scroti 
position of a page, and operation of a remote pointer, 
etc. The page communicator manages communication 
between a node manager and the page controller. A 
node manager for controlling a browser is provided for 

40 each process and manages communication between 
each page manager and a server. Moreover, there is 
nothing unique for collaboration In the hardware config- 
uration of the above-mentioned server. A user machine 
and a server are only different in name, and It is no 

45 problem if each user machine and server consist of 
exactly the same hardware. 
[001 0] The present invention enables Implementa- 
tion of advanced real-time sharing of a browser among 
a number of users which could not be implemented by 

so any background art In addition, synchronization of 
page loading, synchronization of input operations of 
form elements, synchronization of scrolling operations, 
synchronization of remote pointers, and syncltroniza* 
tort of annotations are possible, and a client machine 

55 only requires an existing browser comprising functions 
of Java and a script. Since it does not require any exter- 
nal program or a module plug-in to be installed, a 
browser sharing system which does not burden a user 
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with installation and requires little data traffic for syn- 
chronization is provided. 

Brief BascoBiBfl nl the Drawings 

[0011] 

Fig. 1 is a schematic diagram of a system showing 
an example of conventional browser sharing of 
pages; 

Rg. 2 is a schematic diagram showing a system 
according to the present invention for the sharing of 
browser pages; 

Rg. 3 shows further detail of a browser and node 
manager employed in the system of Figure 2; 

Rg. 4 is a diagram showing an example of process- 
ing of page loading in a nested frame; 

Fig. 5 is a flowchart showing the process for setting 
up a browser for page sharing by the method of the 
presenl invention; 

Fig. 6 is a flowchart for showing operation of a 
browser for page sharing by the method of the 
present Invention; and 

Rg. 7 is a diagram showing an example ol hard- 
ware configuration of a server and plural computers 
used in the present invention. 

Datailed Description of the Invention 

[0012] Rg. 2 shows a diagram of the entire configu- 
ration of the present invention. A collaboration server 
comprises a caching manager that accumulates pages 
dynamicaly generated on an original Web server for 
sharing, an ordinary Web server (httpd) tor downloading 
facilities for implementing sharing of a Web server, a 
communication manager that controls sessions among 
Node managers on each user machine, and an embed - 
der that embeds a page manager. The facffities for shar- 
ing between plural computers (user machines) 
comprise two components, namely, a module (node 
manager) for controlling each process of a browser 
(Web browser 1 or Web browser 2) and a module for 
controlling each page (page manager). A page man- 
ager monitors a state of each page element in a page, 
detects changes and exchanges information with a cor- 
responding remote page manager so as to dynamically 
perform setting of each page element to be in the same 
state. Also, for synchronization of windows with a 
nested frame structure, a page manager checks a hier- 
archical structure of a frame (n-th position of nth nest) 
and, with this as an ID, communicates with a corre- 
sponding page manager. This hierarchical structure 



information can be obtained on any browser without 
being limited by a facility of cross frame security. While 
there are two user machines in Fig. 2, it is possible to 
share a browser likewise with three or more machines. 

5 [00131 The node manager controlling a browser 
performs communication (session and synchronization) 
between each page manager and a server. The node 
manager resides in a page independent from the 
shared Web window and which does not migrate, and 

to controls communication between page managers 
dynamically generated/terminated for each page load- 
ing. It also controls information across pages such as 
history. A page manager and a node manager are 
embedded as Java applets which have an identical 

is domain. Thus, regardless of the domain of the original 
page in which the page manager is embedded, data 
oommunicetion by shared memory is performed 
between a page manager and a node manager on any 
browser without being limited by a facility of cross frame 

20 security. 

(001 4) By configuring them in such a manner, shar- 
ing of a real-time Web browser becomes possible since 
a facility for page sharing can be embedded in an exist- 
ing HTML page between an existing Web server and a 
25 browser without changing its original structure, 

10015] Operation of the browser sharing system is 
explained in detail below based on operation inside a 
browser in Rg. 3. 

30 1 . Start of a Node manager 

[0016] A node manager is loaded into a new 
browser window as it is opened when a customer has 
opened a page which indicates the start ol sharing or 

35 has pressed a start of sharing button. This window 
exists, rl seen by a user, independently ol a window to 
be shared and is not dosed during a sharing session. In 
this window, a user interface for switching a remote 
pointer and a normal mode, etc. are displayed. A Java 

40 socket is placed between this node manager and a 
communication manager that is a component of the 
server so that the shared data may be exchanged 
among plural user machines (Java is a trademark of 
Sun Microsystems Inc.). In addition, shared memory is 

45 allocated as a dass variable of a node manager applet. 
In mis shared memory, a queue of messages identifying 
a Page manager is organised. 

2. Embedding of a page manager fn a shared page 

so 

[00171 The page manager comprises a page con- 
troller consisting of a script for controlling each page 
element and a page communicator made of an applet 
which communicates with the node manager through 
6<s the message queue. These two modules are embedded 
by an emb odder module of the server. As an example of 
actual code, the following code is embedded immedi- 
ately after a ( BODY) tag comes out while reading char- 
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own handler to an on-click event handler. In general, 
however, there are cases where a user-defined event 
handler is already described in an element such as a 
button in JavaScript or VisuaiBasic Script, and in such 
cases, the original handler is rot processed by merely 
replacing the event handler by a page controller so that 
the existing page does not opeiate as originally 
described. So. the original handier is rewritten on page 
loading to add a line for lumping to the handler for hook- 
ing. In this way, it becomes possible tor a page controller 
to hook an event without affecting the original handler 

3-3. Page scrolling 

[0030] While the position can easily be detected by 
hooking an event generated on scrolling (onScroll), 
dragging scroll bar keeps generating events and causes 
too much traffic so the position is detected through poll- 
ing by a timer. 

34. Operation of remote pointer 

(0031) A remote pointer may be added to an arbi- 
trary page, in the case of Internet Explorer of Microsoft 
Corp. for instance, by adding it as a DtV element as fol- 
lows (it can also be done with the same technique in the 
case of Netscape Communicator of Netscape Commu- 
nications Corp.):- 

var str = '(DIV style=Tposition:absolute; over- 
flow:none; width*50px heighWSOpx > ( IMG 
src«>)imer.pjr)(/DiVr; 
documeftt.body.lnsertAdjacentHTML^ ,, AfterBagin" l 
str): 

[0032J A pointer is moved by moving DIV to a corre- 
sponding position with a mouseMove event to a window. 
[0033] Fig. S explains on a flowchart the necessary 
processing to permit page sharing between browsers. 
When a user has logged in on a page which indicates 
the start of sharing or has pressed a start of sharing but- 
ton provided on a page, a process of sharing is started. 
In step 510, a new browser window is opened, and a 
node manager is loaded there. This node manager win- 
dow exists independently of a shared browser window, 
and is not dosed coring a sharing session. In this node 
manager window, a user interface tor switching a 
remote pointer and a normal mode. etc. may be dis- 
played. In step 520. the communication manager and 
the node manager which are components of a collabo- 
ration server are connected by a Java socket. This 
socket is used to exchange information for sharing 
among nodes. In step 530. a page manager is embed- 
ded in an HTML page by an embedding module of the 
server. The page manager comprises a page controller 
consisting of scripts for controlling each page element 
and a page communicator consisting of applets tor com- 
municating with node managers through a message 



queue. Since a page communicator and a node man- 
ager are in an identical domain, data can be exchanged 
avoiding a problem of security regardless of the domain 
of an HTML page to be embedded. Because of this, it 
5 becomes possible to share a multi frame page compris- 
ing pages of plural domains. The above concludes 
processing until sharing of a browser becomes possi- 
ble. 

[0034] Fig. 6 explains on a flowchart a preferred 
ro process for sharing browser operation according to the 
present Invention. In reality, however, due to constraints 
of describing it on a flowchart when an event Is gener- 
ated and a handler set for the event is to be acnvated. a 
decision block is used instead. Also, where a timer is set 
is tor regular processing even in the case of a process not 
using a handler, a simple loop is used instead in the 
flowchart 

[0035] In step 61 0. a browser loads an HTML page 
in which a page manager is embedded. Next in step 

k 620. shared memory is assigned as a class variable of 
the node manager's applet A message queue with a 
page manager in it is created Also, a Page controller 
sets its own handler to an onclick event handler. 
[0036] Furthermore, the same process is per- 

25 formed for other events as required. In step 630, a deti* 
son on termination is made. Sharing is terminated if a 
sharing termination button is pressed. In step 640, a 
decision on page loading is made. Page loading is 
decided by the current page controller detecting an 

30 event of a click in the case of a click in a page by a user. 
Loading generated by operation on a browser menu 
(back, forward, a bookmark) or description In a page 
(META syntax, an applet, a script), etc. is decided by tile 
page controller in a newty loaded page referring to a 

ss location attnbute of a browser window. 

(0037] In step 642, a page loading process is per- 
formed. In the case of page loading by user operation 
on a browser menu or description in a page, a Page 
controller in a newly loaded page posts a new URL to 

40 another node. In step 644, a page is unloaded. The 
browser unloads the current page along with page load- 
ing. And in step 646. the page manager is terminated. In 
the process of unloading the current page, the page 
manager on this page is terminated. At this time, the 

45 message ojueue page manager entry is efimmated and 
this shared memory Is released. 
[00381 1" ^ep 650, a decision on the form is made. 
As for synchronization of form elements such as a text 
field or a button, it is decided by the two methods 

so depending on their properties. A user-operated event is 
decided by hooking an event handler. Changes m an 
element which does not necessarily generate an event 
when changing are decided by regularly checking the 
value with a timer. In step 655, form processing is per- 

55 formed. If the user operation is of a kind to generate an 
event, the same process as the page loading process in 
step 642 Is performed. As for changes in an element 
which does not necessarily generate an event when 
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changing, the value of the changed form element is sent 
to another node. Processing returns to step 630 after 
that 

[0039] in step 660, a decision on scrolling is made. 
Scrolfing operation is decided by regularly detecting the 
position with a timer. In step 665, a scrolling process is 
performed The position of a new scrofl is sent to the 
other node. Processing returns to step 630 after that 
[0040] In step 670, a decision on a pointer rs made. 
It is decided by a mouseMove event to a window. In step 
6SS, a pointer process is performed. The position of the 
new pointer is sent to the other node. A pointer can be 
added to any HTMt page as follows as a DIV element- 

var str = '<DIV style=1position:absolute; over- 
flow: none; 

width=50px height=50px > ( IMG 

sro'pointer.gif-JC/DIV)'; 
documerit.bodyinsertAdjacentHTML("AfterBegin", 
str): 

(0041] The pointer is moved by moving DIV to a 
position acquired from a mouseMove event Processing 
returns to step 630 after that. 

[0O42] In step 660, a decision on recervfrig is maria 
A page communicator decides whether a message has 
been received from another node by checking a mes- 
sage queue. In step 685, a receiving process is per- 
formed. Depending on the contents of a received 
message, an appropriate process is performed. 
[0043] Thus, when a message instructing page 
loading by user operation on a browser menu or 
description in a page is received, the received URL is 
set to the location of the window and the same HTML 
page is loaded. When a message changing value ol a 
form element is received, the form element is changed 
as instructed. When a message changing a position of 
a scroll is received, the position of the scroll is changed 
as instructed. When a message changing a position of 
a pointer is received, the position of the pointer is 
changed as instructed. 

[0044] Fig. 7 shows an example of an embodiment 
of the hardware configuration of a server and plural 
computers (user machines) used in the present inven- 
tion. System 100 comprises central processing unit 
(CPU) 1 and memory 4. CPU 1 and memory 4 are con- 
nected via bus 2 with hard disk device 13 as an auxiliary 
storage (or drives for storage media such as CD-ROM 
26 and DVD 32) via IOE controller 25. Likewise. CPU 1 
and memory 4 are connected via bus 2 with hard disk 
device 30 as an auxiliary storage (or drives for storage 
media such as MO 28, CO-ROM 29 and DVD 31} via 
SCSI controller 27. Floppy disk drive 20 is connected 
with bus 2 via floppy disk controller 19. 
(0045] A floppy disk inserted into floppy disk drive 
20 contains code or data of a computer program for giv- 
ing instructions to a CPU and so on in synergy with an 
operating system to implement the present invention. 



This code or data can be recorded on this floppy disk, 
etc.. hard disk device 13 (or a storage media such as 
MO. CD-ROM and DVD) and ROM 14. which is exe- 
cuted by being loaded to memory 4. This computer pn> 
5 gram code can also be compressed or divided into two 
or more so as to be recorded on two or more media. 
I0046] System 100 has further user interface hard- 
ware comprising pointing device (a mouse, a joystick, 
etc.) 7 or a keyboard 6 for entry and a display 12 for pro- 
fa vlding a user with visual data. It is also possible to con- 
ned with a prirrter via parallel port 16 or connect wtth a 
modem via 6erial port 15. This system 100 can be con- 
nected with a network via serial port 15 and a modem or 
communication adapter 18 (Ethernet or Token-ring 
is card) etc. so as to communicate with other Web servers, 
other computers and so on. In addition, it is possible to 
connect a remote transmitter-receiver with serial port 15 
or parallel port 1 6 so as to exchange data by means of 
an infrared ray or an electric wave. 
20 [0047] Speaker 23 receives a speech signal which 
is D/A (digital/analog) converted by audio controller 21 
via ampfifier 22 and outputs it as speech. In addition, 
audio controller 2 1 makes it possible to AID (analog/dig- 
ital) convert speech data received from microphone 24 
25 and capture into the system speech data outside the 
system. 

(0040] Thus, for example, the server and plural 
computers in the present invention is implementabie by 
a communication terminal with a communication facility 

30 including an ordinary personal computer (PC) or a 
workstation, a notebook PC, a palmtop PC, a network 
computer, various household electrical appliances with 
a built-in computer such as a TV set, a game console 
with a communication facility, a telephone, a fax. a port- 

35 able telephone, a PUS. an electronic organiser or com* 
bination of these. 

Claims 

40 1. A system for sharing pages between browsers, the 
system having a server and plural client computers, 
each client computer having a browser for browsing 
pages, a page manager controlling said pages and 
a node manager for controlling communication 

45 between said page manager and said server, 
wherein said page manager comprises: 

means for detecting changes in one of its own 
pages and sending said changes to said node 
so manager for sending said changes to said 

server; and 

means for receiving changes in a page of 
another client computer from said node man- 
55 ager. and reflecting said changes in one of its 

own pages. 

2. A system according to claim 1 wherein said server 
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comprises: 

a caching manager that accumulates pages; 

a communication manager thai controls ses- * 
eions among said plural client computers; and 

an embedder that embeds in each page a page 
manager for controlling pages. 

10 

3. A system according to either claim 1 or claim 2 
wherein said page manager includes a page con- 
trailer and a page communicator, said page 

controller comprising: means for detecting is 
changes in a page element and sending said 
changes to said node manager by way of said 
page communicator; and 

means tor receiving changes in a page of 20 
another computer from said node manager by 
way of said page communicator and reflecting 
the received changes to one of its own page 
elements. 

25 

4. A system accoiding to claim 3 wherein said 
changes in a page element are changes in page 
loading, changes in a form element including text 
and buttons, changes in a scroll position of a page 

or operation of a remote pointer. ao 

5. A system according to claim 1 wherein said page 
manage? analyzes -frame hierarchical structure of a 
page and communicates with a corresponding 
page manager based on this analysis result 35 

6 . A system according to any preceding daim wh erein 
said node manager resides in a page independent 
from the page to be shared browser and which 
does not migrate and controls communication «o 
between page managers dynamically generated or 
terminated along with page loading. 

7. A system according to any preceding claim wherein 
said node manager controls page information is 
including the transition history of a page. 

8. A system according to any preceding daim wherein 
said page manager and said node manager are 
embedded as Java applets which have an identical so 
domain and data communication between said 
page manager and sad node manager is per- 
formed via shared memory. 

9. A server for sharing a page between browsers on *s 
respective pi ural computers, comprising: 



outers a signal for sharing said browser page; 

means for sending to said one computer a 
node manager controlling said browser; 

means for receiving from said one computer a 
request for viewing a page on said browser; 

means for sending to said one computer, 
according to said request for viewing a page, a 
request page In which a page manager for con- 
trolling pages is embedded; 

means for receiving page change information 
sent by said page manager via said node man- 
ager; and 

means for sending said page change informa- 
tion to another of said computers. 

10. A method for sharing a browser page between 
browsers on respective plural computers, compris- 
ing the steps of: 

on activating said browser of a computer, load- 
ing a node manager on the computer from a 
6erver; 

establishing communication between said 
server and said node manager, said node man- 
ager assigning shared memory, 

on page viewing on said browser, embedding a 
page manager on a requested page on said 
server; 

establishing communication between said 
node manager and said page manager via said 
shared memory; and 

sending changes in a page being viewed to 
said node manager via said shared memory, 
and receiving changes in a page on another 
computer Irom said node manager via said 
shared memory and reflecting said changes to 
a page being viewed on said first mentioned 
computer. 

11. A computer program for sharing a browser page 
between browsers on plural computers, said pro- 
gram comprising: 

means for establishing communication with a 
server; 

means tor assigning shared memory; 



means tor receiving from any one of said corn- 



means for issuing a page request to said server 
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tor a page to be viewed on said browser; 

means for receiving from said server a page in 
which a page manager controlling pages is 
embedded; and s 

means for sending to said server changes in a 
page received from said page manager via 
said shared memory and means for receiving 
changes in a page of another computer from ro 
said server and sending said changes to said 
page manager via said shared memory. 
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